
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="mm_lodging1.css" type="text/css" />
    <title>GeoPuebla01</title>
  <style type="text/css">
<!--
body {
	background-color: #0099CC;
}
.style2 {font-family: Arial, Helvetica, sans-serif}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}
.style5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style8 {
	font-size: 16px;
	color: #990000;
	font-weight: bold;
}
-->
  </style>
<script src="selecttype.js"></script>

</head>
  <body class="style5">
  <h1 align="center" class="pageName style3"><span class="style2">Create tour</span><img src="Imagenes/login2.png" width="32" height="28" /></h1>
  <div align="center">
    <input type="submit" class="subHeader" onclick="cambia(this)" value="View Tour">
  </div>
  <form method="post" name="form">

    <p align="left">
    
<?php
	$id= $_POST["id"];
	
	echo"<input type=hidden name=id value=$id>";
	
	include "Global.php";
	//Conexion a mysql y a la base de datos
	$connection = DBConnect();
	
	
	if($id!=''){
		//selecciona e imprime donde empieza el tour
		$query="select name FROM places where idplaces=$id"; 
		$resultado = mysql_query($query) or die ('\n error en query ' . mysql_error());
		$row = mysql_fetch_assoc($resultado);
				$n=$row['name'];
				echo "<p>The tour starts in <b>$n</b></p>";
	}else{
		echo "<p><b>Choose the places of the tour</b></p>";
		$id="null";
	}
	
	echo "Filter by: <select name='TypeOfPlaces' onchange='typePlace(this.value, $id)'><option value=all>all</option>";
	
	//Selecciona los tipos de lugares que hay
	$query="select distinct type FROM places"; 
	$resultado = mysql_query($query) or die ('\n error en query ' . mysql_error());
			while($row = mysql_fetch_assoc($resultado)){
				$type=$row['type'];
				echo "<option value=$type>$type</option>";
			}
?>
    
	</select>
    <div id="txtHint">
    <table width="250" border="0">
    
<?php	
	//Selecciona todos los lugares que estan guardados
	if($id!='null'){
		$query="select idplaces, name FROM places where idplaces!=$id"; 
	}else{
		$query="select idplaces, name FROM places"; 
	}
 
		$resultado = mysql_query($query) or die ('\n error en query selecciona lugares ' . mysql_error());
		while($row = mysql_fetch_assoc($resultado)){
			$id=$row['idplaces'];
			$name=$row['name'];
			echo "<tr><td>$name</td><td><input type='checkbox' name='$id' value='$id'/></td></tr>";
		}
	DBCLose($connection);
?>
    </table>
    </div>
    
    <script type="text/javascript">
		function exit(){
		var xmlHttp;
		try
		  {
		  // Firefox, Opera 8.0+, Safari
		  xmlHttp=new XMLHttpRequest();
		  }
		catch (e)
		  {
		  // Internet Explorer
		  try
			{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			}
		  catch (e)
			{
			try
			  {
			  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			  }
			catch (e)
			  {
			  alert("Your browser does not support AJAX!");
			  return false;
			  }
			}
		  }
		  xmlHttp.onreadystatechange=function()
			{
			if(xmlHttp.readyState==4)
			  {
			  document.myForm.time.value=xmlHttp.responseText;
			  }
			}
		  xmlHttp.open("GET","time.asp",true);
		  xmlHttp.send(null);
		  }
     </script>
    <div align="center" id="button"></div>
    </p>
    <table width="271" border="0">
      <tr>
        <td width="79" height="44"><div align="right" class="style5">
          <div align="left"><span class="style5">Name:</span></div>
        </div></td>
      <td width="176"><span class="markerDetail style2">
        <input name="name" type="text" class="style5" size="30" maxlength="40" onBlur="onblur1(this.value)" />
        </span></td>
      </tr>
      <tr>
        <td><div align="right" class="style2">
          <div align="left"><span class="style5">Description</span>:</div>
        </div></td>
        <td><textarea name="description" cols="27" wrap="physical" class="style5"></textarea></td>
      </tr>
    </table>
    
	<br />
	<div id="verifica" align="center">
        <!--Esta es la parte donde aparece el mensaje en caso de que el nombre ya exista o el boton se save en caso de que el nombre sea valido-->	   
	</div>

</form>   
  

<script language="Javascript">
	//Funcion que guarda el tour en la base de datos y lo muestra en el mapa gracias a la funcion ShowMap()
	function CreateTour(){
		document.form.action = "ToursCreation.php"
		document.form.target = "leftFrame";    
		document.form.submit(); 
		ShowMap();          
		return true;
	}
	//Funcion que muestra un conjunto de puntos en el mapa
	function ShowMap(){
		document.form.action = "MapTour.php"
		document.form.target = "mainFrame";   
		document.form.submit();             
		return true;
	}
	//Funcion que muestra en el mainFrame el mapa general 
	function exit(){
		document.form.action = "Map.php"
		document.form.target = "mainFrame";    
		document.form.submit();             
		return true;
	}
	//Funcion que cambia lo que dice el boton
	function doSetAttribute(obj, attrName, attrValue){
		if(attrName) {
			obj.setAttribute(attrName, attrValue);
		}
		//Quien sabe que hace esta parte del codigo pero asi hace persistente el cambio de atributo que se realizo
		var out = '';
		for (var i=0; i<obj.attributes.length; i++) {
			var attr = obj.attributes[i];
			if (attr.specified) {
				var name = attr.name;
				out += (name + '=' + obj.getAttribute(name) + '<br/>');
			}
		}
		document.getElementById('output').innerHTML = out;
	}
	//funcion que cambia 
	function cambia(obj){
		var value=obj.value;
		if (value=='View Tour'){
			ShowMap();		
			doSetAttribute(obj, 'value', 'Exit Tour');	
		}else{
			exit();
			doSetAttribute(obj, 'value', 'View Tour');
		}
	}
	-->
</script>

</body>

</html>
